/*
  主题色配置文件
  https://github.com/element-plus/element-plus/blob/dev/packages/theme-chalk/src/common/var.scss
*/
// 重写配置文件
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  // Color
  $colors: (
    'primary': (
      'base': #1d6de2
    ),
    'success': (
      'base': #3bad4b
    ),
    'warning': (
      'base': #f6ab2e
    ),
    'error': (
      'base': #e7492e
    ),
    'info': (
      'base': #8291a9
    )
  ),
  // Border
  $border-radius: (
    'base': 4px,
    'small': 2px,
    'round': 20px,
    'circle': 100%,
  ),
  // Box-shadow
  $box-shadow: (
    '': (
      0px 12px 32px 4px rgba(0, 0, 0, 0.04),
      0px 8px 20px rgba(0, 0, 0, 0.08),
    ),
    'light': (
      0px 0px 12px rgba(0, 0, 0, 0.12),
    ),
    'lighter': (
      0px 0px 6px rgba(0, 0, 0, 0.12),
    ),
    'dark': (
      0px 16px 48px 16px rgba(0, 0, 0, 0.08),
      0px 12px 32px rgba(0, 0, 0, 0.12),
      0px 8px 16px -8px rgba(0, 0, 0, 0.16),
    ),
  ),
  // Font
  $font-size: (
    'extra-large': 20px,
    'large': 18px,
    'medium': 16px,
    'base': 14px,
    'small': 13px,
    'extra-small': 12px,
  ),
  // Disable default
  $disabled: (
    'bg-color': #f5f7fa, // fill-color light
    'text-color': #a8abb2, // text-color placeholder
    'border-color': #e4e7ed, // border-color light
  )

);

@use "element-plus/theme-chalk/src/index.scss" as *;

